---
title: 自定义应用信息
description: 定制您应用的信息
---

# 自定义应用信息

## 定制您应用的信息

您可以在 `RainbowKitProvider` 的 `appInfo` 属性中传递您的应用程序信息。您可以修改的属性包括您的应用名称 (`appName`) 和连接模态窗口中“了解更多”的链接重定向地址 (`learnMoreUrl`)：

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'Rainbowkit Demo',
        learnMoreUrl: 'https://learnaboutcryptowallets.example',
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

### 添加免责声明

您可以在连接模态窗口底部提供您自己的免责声明。 `appInfo` 中的 `disclaimer` 属性接受带有 `Text` 和 `Link` 参数的 `DisclaimerComponent`。您可以使用它构建一个继承主题系统的自定义免责声明。我们为 TypeScript 用户导出了 `DisclaimerComponent` 类型：

```tsx
import {
  RainbowKitProvider,
  DisclaimerComponent,
} from '@rainbow-me/rainbowkit';

const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
  <Text>
    By connecting your wallet, you agree to the{' '}
    <Link href="https://termsofservice.xyz">Terms of Service</Link> and
    acknowledge you have read and understand the protocol{' '}
    <Link href="https://disclaimer.xyz">Disclaimer</Link>
  </Text>
);

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'RainbowKit Demo',
        disclaimer: Disclaimer,
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```
